/* ------------- FIRST OVERVIEW TABLE --------------- */
table, td, a {
    color: #000000;
    font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.tableContainer {
  
    border: 1px solid #0359A2;
    clear: both;
    height: 285px;
    overflow: auto;
    width: 360px;
}
html > body div.tableContainer {
    overflow: hidden;
    width: 350px;
}
div.tableContainer table {
  vertical-align: top;
    float: left;
    width: 350px;
}
html > body div.tableContainer table {
    width: 350px;
}

html > body div.tableContainer #tableContainer2 table {
    width: 310px;
}
thead.fixedHeader tr {
    position: relative;
}
html > body thead.fixedHeader tr {
    display: block;
}
thead.fixedHeader th {
    border-left: 1px solid #0359A2;
    border-right: 1px solid #0359A2;
    border-top: 1px solid #0359A2;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left;
}

html > body tbody.scrollContent {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%;
}
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    padding: 2px 3px 3px 4px;
}
tbody.scrollContent tr.alternateRow td {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #DDDDDD #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    padding: 2px 3px 3px 4px;
}
html > body thead.fixedHeader th {
    width: 20px;
}
html > body thead.fixedHeader th + th {
    width: 160px;
}
html > body thead.fixedHeader th + th + th {
    width: 70px;
}
html > body thead.fixedHeader th + th + th + th {
    width: 70px;
}
html > body tbody.scrollContent td {
    width: 20px;
}
html > body tbody.scrollContent td + td {
    width: 160px;
}
html > body tbody.scrollContent td + td + td {
    width: 70px;
}
html > body tbody.scrollContent td + td + td +td {
    width: 52px;
}
/* ------------- SECOND OVERVIEW TABLE --------------- */

table, td, a {
    color: #000000;
    font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.tableContainer2 {
  
    border: 1px solid #0359A2;
    clear: both;
    height: 285px;
    overflow: auto;
    width: 290px;
}
html > body div.tableContainer2 {
    overflow: hidden;
    width: 280px;
}
div.tableContainer2 table {
  vertical-align: top;
    float: left;
    width: 280px;
}
html > body div.tableContainer2 table {
    width: 280px;
}

html > body div.tableContainer2 #tableContainer2 table {
    width: 270px;
}
thead.fixedHeader2 tr {
    position: relative;
}
html > body thead.fixedHeader2 tr {
    display: block;
}
thead.fixedHeader2 th {
    border-left: 1px solid #0359A2;
    border-right: 1px solid #0359A2;
    border-top: 1px solid #0359A2;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left;
}

html > body tbody.scrollContent2 {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%;
}
tbody.scrollContent2 td, tbody.scrollContent2 tr.normalRow td {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    padding: 2px 3px 3px 4px;
}
tbody.scrollContent2 tr.alternateRow td {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #DDDDDD #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    padding: 2px 3px 3px 4px;
}
html > body thead.fixedHeader2 th {
    width: 20px;
}
html > body thead.fixedHeader2 th + th {
    width: 160px;
}
html > body thead.fixedHeader2 th + th + th {
    width: 76px;
}

html > body tbody.scrollContent2 td {
    width: 20px;
}
html > body tbody.scrollContent2 td + td {
    width: 160px;
}
html > body tbody.scrollContent2 td + td + td {
    width: 60px;
}